<template>
  <view>
    <!-- <video
      class="video-h"
      objectFit="cover"
      style="width: 100%; height: 360rpx"
      :poster="newsDetail.coverPath ? newsDetail.coverPath : ''"
      controls
      width="100%"
      :src="newsDetail.details"
    ></video> -->
    <video
      controls
      style="width: 100%; height: 360rpx"
      src="@/static/new/e59fec624346c7a2f5f525822a641852.mp4"
    ></video>
    <view class="dynamicInfo">
      <view class="title">{{ info.title }}</view>
      <view class="details">{{ info.details }}</view>
      <view class="time">{{ info.time }}</view>
    </view>
    <dynamicComment></dynamicComment>
  </view>
</template>

<script>
import dynamicComment from "./dynamicComment.vue";
export default {
  components: {
    dynamicComment
  },
  data() {
    return {
      info: {
        title: "不爱喝牛奶的营养师,是这么补钙的",
        details:
          "有没有朋友跟我一样不喜欢喝牛奶？可以自己选择咖啡、无糖酸奶、奶酪。我自己做的拿铁咖啡味道非给阿哈佛回复哇哦",
        video: "",
        time: "2022-20-02 12:00:00",
        share: 8,
        comment: 10,
        like: 19,
        good: 30,
      },
    };
  },
};
</script>

<style lang="scss" scoped>
.dynamicInfo {
  padding: 0 30rpx;
  margin-bottom: 30rpx;
  .title{
    font-size: 40rpx;
    color: #444;
  }
  .details {
    font-size: 30rpx;
    margin-top: 20rpx;
    color: #aaa;
    line-height: 50rpx;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .time{
    color: #ccc;
    margin-top: 20rpx;
  }
}
</style>